<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <!-- 外部样式和内部样式，后面的样式会覆盖前面的样式  -->
    <link rel="stylesheet" href="index.css">
    <style>
        h1{
            color: green;
        }

        /* 同一个样式表中，后面的样式也会覆盖前面的样式 */
        h1{
            color: beige;
        }
    </style>
</head>
<body>
    <!-- 行内样式的css优先级最高，比内部和外部样式优先级都高 -->
    <h1>欢迎来到尚硅谷</h1>
    <h1 style="color: red;">欢迎来到尚硅谷</h1>
    
</body>
</html>